import React from 'react'
import { Select, Button } from 'antd';
import { UploadOutlined } from '@ant-design/icons';

export default function UpGrade() {
  const { Option } = Select;
  const handleChange = (value) => {
    console.log(`selected ${value}`);
  }
  return (
    <div>
      <ul>
        <li>
          <span>所属校区：</span>
          <Select defaultValue="请选择" style={{ width: 120 }} onChange={handleChange}>
            <Option value="保定">保定</Option>
            <Option value="北京">北京</Option>
            {/* <Option value="disabled" disabled>Disabled</Option> */}
            <Option value="邯郸">邯郸</Option>
          </Select>
        </li>
        <li>
          <span>所属学院：</span>
          <Select defaultValue="请选择" style={{ width: 120 }} onChange={handleChange}>
            <Option value="网站工程">网站工程</Option>
            <Option value="传媒">传媒</Option>
            <Option value="大数据">大数据</Option>
          </Select>
        </li>
        <li>
          <span>所属阶段：</span>
          <Select defaultValue="请选择" style={{ width: 120 }} onChange={handleChange}>
            <Option value="专基">专基</Option>
            <Option value="专业">专业</Option>
            <Option value="专高">专高</Option>
            <Option value="实训">实训</Option>
          </Select>
        </li>
        <li>
          <Button type="primary" icon={<UploadOutlined />} size="large">
            导出
          </Button>
        </li>
        <li>
          <Button type="primary">根据分数自动分班</Button>
        </li>
      </ul>
      <div>

      </div>
    </div>
  )
}






